.rider_drawer_cont
    .account_content
        .tab_list
            display: flex
            .item_box
                display: flex
                flex-direction: column
                align-items: center
                justify-content: center
                flex: 1
                box-sizing: border-box
                .top_item
                    display: flex
                    align-items: center
                    .left_icon
                        width: 5px
                        height: 100%
                        border-radius: 3px
                        &.left_icon1
                            background-color: #f9630c
                        &.left_icon2
                            background-color: #04a861
                    .middle_name
                        font-size: 14px
                        color: #000
                        margin: 0 2px 0 5px
                        font-weight: bold
                .statistics_item
                    display: flex
                    padding: 20rpx 0 
                    align-items: self-end;
                    .money_amount
                        font-size: 22px
                        font-weight: bold
                        color: #000
                    .money_text
                        margin-left:5px 
                        font-size: 12px
                        color: #000000
                        padding-bottom: 3px;
                .tips_item
                    font-size: 12px
                    color: #6d6d6d
        .rider_user_head
            padding-top:0 
            padding-bottom: 50rpx
            .headInfo
                width: calc(100% - 130rpx - 25rpx)
        .common_module_box
            margin-top: 50rpx
            padding: 0 24rpx
            box-sizing: border-box
            .module_list_title
                display: flex
                font-size: 14px
                color: #000
                font-weight: bold
                margin-bottom: 20rpx
            .module_list
                display: flex
                flex-wrap: wrap
                .module_item
                    display: flex
                    flex-direction: column
                    justify-content: center
                    align-items: center
                    width: 33.3333333333%
                    margin-bottom: 20rpx
                    .icon_box
                        width: 60rpx
                        height: 60rpx
                        display: flex
                        align-items: center
                        justify-content: center
                        border-radius: 10rpx
                        // background-color: #6fa7ff
                    .module_name
                        font-size: 12px
                        color: #000
                        margin-top: 10rpx
        .list_btn_box
            display: flex
            margin-top: 50px
            padding: 0 24rpx
            position: fixed;
            bottom: calc(20px + env(safe-area-inset-bottom));
            width: 100%;
            box-sizing: border-box
            .btn_it
                width: 100%
                display: flex
                align-items: center
                justify-content: center
                font-size: 14px
                letter-spacing: 2px
                height: 45px
                color: #9b9b9b
                border-radius: 5px
                border: 1px solid #9b9b9b
                transition: all 0.2s
                &:active
                    color: #fff
                    border none
                    background-color: #f37000
